<template>
  <div class="head">
    <van-nav-bar
      :title="title"
      fixed
      @click-left="onClickLeft"
    >
    
    <template #left v-if="left">
        <van-icon class="iconleft" name="arrow-left" size="18px" color="#333333" />
    </template>

     <template #right v-if="right">
        <slot></slot>
    </template>

    </van-nav-bar>

  
    
    

  </div>
</template>


<script>
export default {
  props: ["title","left","right"],
  methods:{
        onClickLeft(){
            this.$router.go(-1);
        },

  },
};
</script>

<style lang="scss" scoped>

</style>